<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../css/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../css/font-awesome.css" />
		<link rel="stylesheet" href="../../css/font-awesome.min.css" />
		<link rel="stylesheet" href="../../css/icono.imn.css" />
		<link rel="stylesheet" href="../../css/page/personalPage.css" />
	</head>

	<body style="background: #fff;">
		<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
			<div class="modal-dialog" role="document" style="margin-top: 100px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="exampleModalLabel" style="text-align: center;">登录</h4>
					</div>
					<ul class="nav nav-pills nav-justified" role="tablist">
						<li role="presentation" class="active">
							<a href="#hetao" aria-controls="hetao" role="tab" data-toggle="tab">核桃登录</a>
						</li>
						<li role="presentation">
							<a href="#qzone" aria-controls="qzone" role="tab" data-toggle="tab">QQ登录</a>
						</li>
						<li role="presentation">
							<a href="#wechat" aria-controls="wechat" role="tab" data-toggle="tab">微信登录</a>
						</li>
					</ul>
					<!-- Tab panes -->
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active" id="hetao">
							<div class="modal-body">
								<form class="form-horizontal">
									<div class="form-group">
										<label for="inputCount" class="col-sm-2 control-label">账号:</label>
										<div class="col-sm-10">
											<input type="text" class="form-control" id="inputCount" placeholder="count">
										</div>
									</div>
									<div class="form-group">
										<label for="inputPassword" class="col-sm-2 control-label">密码:</label>
										<div class="col-sm-10">
											<input type="password" class="form-control" id="inputPassword" placeholder="Password">
										</div>
									</div>
									<div class="form-group">
										<label for="identifyingCode" class="col-sm-2 control-label">验证码:</label>
										<div class="col-sm-10">
											<input type="text" class="form-control" id="identifyingCode" placeholder="identifyingCode">
										</div>
									</div>
									<div class="form-group">
										<label for="inputPassword" class="col-sm-2 control-label"></label>
										<div class="col-sm-10">
											<img src="../../img/App.jpg" class="img-responsive" alt="Responsive image" width="100" style="display: inline-block;">
											<span style="position: relative;top: 20px;left: 20px;cursor: pointer;font-size: 14px;">换一个</span>
										</div>
									</div>
								</form>
							</div>
							<div class="modal-footer" style="text-align: center;">
								<button type="button" class="btn btn-primary" style="width: 150px;" onclick="login()">登录</button>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane" id="qzone">
						</div>
						<div role="tabpanel" class="tab-pane" id="wechat">
							<div class="modal-body">
								<img src="../../img/App.jpg" class="img-responsive" alt="Responsive image" style="margin: 0px auto;">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div style="position: relative;min-height: 100%;">
			<div class="personalTopBar f-f0" style="background-color: #337AB5;">
				<div class="personalTopBarCenter">
					<div class="headImgBox">
						<a style="display: inline-block;width: 100%;height: 96px;">
							<img id="headImg" style="width: 96px;height: 96px;border-radius: 50px;" width="96" height="96" alt="用户头像">
						</a>
						<div class="e-hover-code">
							<a style="color: #fff;" href="">编辑头像</a>
						</div>
					</div>
					<h3 id="userName" style="color: white;position: relative;top: 180px;"></h3>
					<div style="float: right;height: 100%;width: 100px;">
						<div style="width: 100px;margin: 0px;padding: 0px;position: absolute;bottom: 0px;color: white;">
							<span class="glyphicon glyphicon-heart-empty" style="float: left;margin-right: 5px;"></span>
							<span style="margin-right: 5px;">粉丝数</span>
							<span id="fansCount">5</span>
						</div>
						<div style="width: 100px;margin: 0px;padding: 0px;position: absolute;bottom: 30px;color: white;">
							<span class="glyphicon glyphicon-eye-open" style="float: left;margin-right: 5px;"></span>
							<span style="margin-right: 5px;">关注数</span>
							<span id="attentionCount">5</span>
						</div>
					</div>
				</div>
			</div>
			<div style="width: 1260px;margin: 0px auto;">
				<div class="f-cb">
					<div style="float: left;width: 950px;">
						<div style="margin-top: 60px;height: 36px;">
							<ul class="nav nav-tabs" role="tablist">
								<li role="presentation" class="active" data-action="课程tag点击">
									<a href="#courseList" aria-controls="courseList" role="tab" data-toggle="tab">课程</a>
								</li>
								<li role="presentation" data-action="评论tag点击">
									<a href="#commentList" aria-controls="commentList" role="tab" data-toggle="tab">评论<span id="commentCount">2</span></a>
								</li>
								<!--<li role="presentation" data-action="证书tag点击">
									<a href="#certificate" aria-controls="certificate" role="tab" data-toggle="tab">证书<span>3</span></a>
								</li>-->
							</ul>
						</div>
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane active" id="courseList">
								<div class="m-hometop f-cb" style="margin-top: 30px;margin-bottom: 30px;">
									<div class="f-f0" style="float: left;">
										<a class="active" id="learnCouseListButton" onclick="changeCourseListButtonType(this.id)" data-toggle="tab" data-target="#learnCouseList">学习的课程<span id="learnCourseCount">6</span></a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
										<a id="collectionCouseListButton" onclick="changeCourseListButtonType(this.id)" data-toggle="tab" data-target="#collectionCouseList">收藏的课程<span id="collectionCourseCount">6</span></a>
										<!--<a>正在进行</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
										<a>即将开始</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
										<a>已结束</a>-->
									</div>
								</div>
								<div class="course-panel-wrapper">
									<div class="course-panel-body-wrapper">
										<div class="tab-content">
											<div role="tabpanel" class="tab-pane active course-card-wrapper" id="learnCouseList"></div>
											<div role="tabpanel" class="tab-pane course-card-wrapper" id="collectionCouseList">
											</div>
										</div>
									</div>
								</div>
								<div class="pageList f-f0">
									<ul class="pageBox" id="collectionPageBox"></ul>
									<ul class="pageBox" id="learnPageBox"></ul>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="commentList">
								<div class="m-hometop f-cb" style="margin-top: 30px;margin-bottom: 30px;">
									<div class="f-f0" role="tablist">
										<a class="active" href="#sendComment" aria-controls="sendComment" role="tab" data-toggle="tab">发表的评论</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
										<!--<a href="#reciveComment" aria-controls="reciveComment" role="tab" data-toggle="tab">收到的评论</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;-->
									</div>
									<div class="tab-content">
										<div role="tabpanel" class="tab-pane active" id="sendComment" style="margin-top: 30px;">
										</div>
										<!--<div role="tabpanel" class="tab-pane" id="reciveComment" style="margin-top: 30px;">
											<div class="commentListPart f-cb">
												<div style="width: 200px;height: 143.8px;display: flex;float: left;text-align: center;flex-direction:column;color: black;">
													<h5 style="flex: 1;">来自:</h5>
													<h5 style="flex: 1;">数据结构</h5>
													<h6 style="flex: 1;">2019年03月06日</h6>
												</div>
												<div class="headslider">
													<a href="/u/7301399/courses" class="media" target="_blank" title="幕布斯700532">
														<img src="//img2.mukewang.com/533e4c420001b2e502000200-40-40.jpg" width="40" height="40" />
													</a>
												</div>
												<div class="commentSlider">
													<div class="tit">
														<a href="" target="_blank">幕布斯700532</a>
													</div>
													<div class="cnt">
														python 3.6 <br>print （2.5+10/4）<br>&gt;&gt;&gt;5.0
													</div>
													<div class="qa-footer f-cb">
														<a href="" style="line-height: 36px;color: white;">回复</a>
													</div>
												</div>
											</div>
											<div class="commentListPart f-cb">
												<div style="width: 200px;height: 143.8px;display: flex;float: left;text-align: center;flex-direction:column;color: black;">
													<h5 style="flex: 1;">来自:</h5>
													<h5 style="flex: 1;">数据结构</h5>
													<h6 style="flex: 1;">2019年03月06日</h6>
												</div>
												<div class="headslider">
													<a href="/u/7301399/courses" class="media" target="_blank" title="幕布斯700532">
														<img src="//img2.mukewang.com/533e4c420001b2e502000200-40-40.jpg" width="40" height="40" />
													</a>
												</div>
												<div class="commentSlider">
													<div class="tit">
														<a href="" target="_blank">幕布斯700532</a>
													</div>
													<div class="cnt">
														python 3.6 <br>print （2.5+10/4）<br>&gt;&gt;&gt;5.0
													</div>
													<div class="qa-footer f-cb">
														<a href="" style="line-height: 36px;color: white;">回复</a>
													</div>
												</div>
											</div>
										</div>-->
									</div>
								</div>
								<div class="pageList f-f0">
									<ul class="pageBox" id="commentPageBox"></ul>
								</div>
							</div>
							<!--<div role="tabpanel" class="tab-pane" id="certificate">
								<div class="m-hometop f-cb" style="margin-top: 10px;margin-bottom: 40px;">
									<div class="f-f0" style="float: left;">
										<a class="active">全部</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
										<a>优秀证书</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
										<a>合格证书</a>
									</div>
								</div>
								<div class="certificateList f-cb">
									<div style="float: left;" class="certificateBox f-transition" title data-action="证书tag-证书点击">
										<div class="certificateImg">
											<img style="border-radius: 0px;" width="96" height="51" src="http://edu-image.nosdn.127.net/1DE3710C95FB9A6148164EE7D212AF67.jpg?imageView&amp;thumbnail=510y288&amp;quality=100">
										</div>
										<div class="certificateTitle">
											<span>走进心理学</span>
										</div>
										<div class="identificationCard" data-action="证书tag-证书点击">
											<img width="24" height="40" src="//edu-image.nosdn.127.net/0B7A8B98930E04B60B3BB15FF9735AC2.png?imageView&amp;thumbnail=24y40&amp;quality=100">
										</div>
										<div class="certCard">
											<img style="border-radius: 0px;" width="64" height="64" src="//edu-image.nosdn.127.net/E942BF83E8181360929BFAF07E8FF3E0.png?imageView&amp;thumbnail=62y62&amp;quality=100">
										</div>
									</div>
									<div style="float: left;" class="certificateBox f-transition" title data-action="证书tag-证书点击">
										<div class="certificateImg">
											<img style="border-radius: 0px;" width="96" height="51" src="https://edu-image.nosdn.127.net/EE46CF842913D779AAE3F57A4FDE00FA.jpg?imageView&thumbnail=510y288&quality=100">
										</div>
										<div class="certificateTitle">
											<span>民族文化鉴赏</span>
										</div>
										<div class="certCard">
											<img style="border-radius: 0px;" width="64" height="64" src="//edu-image.nosdn.127.net/70CC889635CB8F4CCA255C9EF091C2CB.png?imageView&thumbnail=62y62&quality=100">
										</div>
									</div>
									<div style="float: left;" class="certificateBox f-transition" title data-action="证书tag-证书点击">
										<div class="certificateImg">
											<img style="border-radius: 0px;" width="96" height="51" src="http://edu-image.nosdn.127.net/1DE3710C95FB9A6148164EE7D212AF67.jpg?imageView&amp;thumbnail=510y288&amp;quality=100">
										</div>
										<div class="certificateTitle">
											<span>走进心理学</span>
										</div>
										<div class="certCard">
											<img style="border-radius: 0px;" width="64" height="64" src="//edu-image.nosdn.127.net/E942BF83E8181360929BFAF07E8FF3E0.png?imageView&amp;thumbnail=62y62&amp;quality=100">
										</div>
									</div>
								</div>
							</div>-->
						</div>
					</div>
				</div>
			</div>

			<div class="fotter">
				<div class="fotterCenter">
					<div class="fotterLogoBox">
						<div class="fotterLogo"></div>
						<p class="LogoText">由中兴云聚推出，让每一个有提升愿望的用户能够学到中国知名高校的课程，并获得认证。</p>
					</div>
					<div class="friendlyLink">
						<h4 style="font-size: 16px;margin-bottom: 16px;color: #CCCCCC;">友情链接</h4>
						<div class="link">
							<a href="https://www.kada.com/?utm_source=www.icourse163.org/&amp;utm_medium=bottom_links&amp;utm_campaign=business&amp;utm_content=kada2018092902" target="_blank">
								网易卡搭编程
							</a>
							<a href="#" target="_blank">网易云课堂</a>
							<a href="#" target="_blank">网易100分</a>
						</div>
					</div>
					<div class="wechat">
						<h4>微信公众号&nbsp;&nbsp;<span class="fa fa-wechat"></span></h4>
						<img src="../../img/zhenjing.jpg" width="100" height="100" />
					</div>
					<div class="aboutUs">
						<h4>关于我们</h4>
						<div class="aboutUsOption">
							<a href="#" target="_blank">关于我们</a>
							<a href="#" target="_blank">联系我们</a>
							<a href="#" target="_blank">意见反馈</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../static/js/login/user.js"></script>
		<script src="../../css/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<script src="../../js/page/personalPage.js"></script>
		<script src="../../js/jquery.cookie.js"></script>
	</body>

</html>